// pages/activity/turntable.js
import md5 from '../../utils/md5.js';
const app = getApp()
Page({
	/**
	 * 页面的初始数据
	 */
	data: {
		// goUrl: '//resource.160nurse.com/canvas/healthy/img/activity/go_1.png',
		animationData: {},
		// 中奖提示图片
		luckyImg: 'canvas/healthy/img/activity/title_1.png',
		// 提示图片
		tipImg: 'canvas/healthy/img/activity/ti_1.png',
		shadowShow: true,
		luckyShow: true,
		ruleShow: true,
		tipShow: true,
		rulesShow: true,
		exchangeShow: true,
		// 兑换点击位置
		num: 0,
		resourceDomain: app.resourceDomain,
		d_off: 'off',
		p_id:0
	},
	onLoad: function() {
		var thas = this;
		this.setData({
			den_on: 'on',
			go_off: 'off'
		});
		setTimeout(function(e = thas) {
			e.setData({
				den_on: '',
				go_off: ''
			})
		}, 200);
		//奖品
		app.request(app.apiDomain + "index.php?c=pond&a=index", {
			noCache:'1'
		}, function(res) {
			thas.setData({
				data: res.data.data,
				oppty: res.data.data.oppty,
			})
			// 如果次数为0
// 			if (res.data.data.oppty == 0) {
// 				// 没有次数  兑换展示
// 				app.request(app.apiDomain + "index.php?c=pond&a=setting", {}, function(res) {
// 					// console.log(res)
// 					thas.setData({
// 						limit: res.data.data.limit_config,
// 						exchangeShow: false
// 					})
// 				});
// 			}
		});
		//规则
		app.request(app.apiDomain + "index.php?c=mall&a=notice", {
				type:'pond'
		}, function (res) {
				thas.setData({
						gao:res.data.data
				});
		});
		//滚动条
		app.request(
		    app.apiDomain + "index.php?c=pond&a=prize",{
				type:'1',
				size:10
			},
		    function(res){
				console.log(res.data.data)
				thas.setData({
		           winning_user: res.data.data.list
				})
		    }
		)
	},
	// 点击转动
	beginTurn(e) {
		// 判断次数 如果为0
		// if(this.data.oppty==0){
		//     return false
		// }
		// 判断是否在正在转动
		if (this.data.go_off == 'off') {
			return false
		}
		// 将奖品提示隐藏
		this.setData({
			tipShow: true
		})

		var thas = this;
		// 判断用户还有没有次数  如果没有提示兑换
		if (this.data.oppty == 0) {
			wx.showToast({
				title: '微信支付下单，立享抽奖机会',
				icon: 'none',
				duration: 2000
			})
			// 没有次数  兑换展示
// 			app.request(app.apiDomain + "index.php?c=pond&a=setting", {}, function(res) {
// 				console.log(res)
// 				thas.setData({
// 					limit: res.data.data.limit_config,
// 					exchangeShow: false
// 				})
// 			});
		} else {
			// 可以抽奖
			thas.den_on = true;
			thas.time = 300
			thas.n = thas.n + 8
			var set = setInterval(function(e = thas) {
				if (e.den_on) {
					e.den_on = false;
					e.setData({
						den_on: 'on'
					})
				} else {
					e.den_on = true;
					e.setData({
						den_on: ''
					})
				}
			}, thas.time)

			// setTimeout(function (e = thas) {
			//     e.animation.rotateZ(180 * e.n).step()
			//     e.setData({
			//         animationData: e.animation.export(),
			//         go_off: 'off'
			//     })
			// }, 300)

			var time2 = Date.parse(new Date()).toString() / 1000;
			var openid2 = wx.getStorageSync('openid')

			app.request(app.apiDomain + "index.php?c=pond&a=lottery&noCache=1", {
				time: time2,
				f_channel: 'xiaochengxu',
				sign: md5(encodeURI('f_channel=xiaochengxu&noCache=1&openid=' + openid2 + '&time=' + time2 +
					'&key=6723d2909ec9fbf969c000e32ff2f514'))
			}, res => {
				// console.log(res)
				// 开始转动
				thas.animation.rotateZ(180 * thas.n + (360 - (res.data.data.id - 1) * 45 - 22.5)).step()
				// 如果获奖是谢谢参与
				if (res.data.data.name.type == '5') {
					thas.setData({
						animationData: thas.animation.export(),
						go_off: 'off',
						oppty: res.data.data.oppty,
					})
					// 间隔提示
					setTimeout(() => {
						wx.showToast({
							title: '谢谢参与',
							icon: 'none',
							duration: 2000
						})
						// 判断go图像
						thas.setData({
							go_off: '',
						})
						clearInterval(set)
					}, 5500)
				} else {
					// 判断中奖类型
					if (res.data.data.name.type == '1') {
						// 红包
						thas.setData({
							animationData: thas.animation.export(),
							go_off: 'off',
							oppty: res.data.data.oppty,
							name: res.data.data.name,
							luckyImg: 'canvas/healthy/img/activity/title_1.png',
							tipImg: 'canvas/healthy/img/activity/ti_1.png',
						})
					} else if (res.data.data.name.type == '2') {
						// 优惠券
						thas.setData({
							animationData: thas.animation.export(),
							go_off: 'off',
							oppty: res.data.data.oppty,
							name: res.data.data.name,
							luckyImg: 'canvas/healthy/img/activity/title_3.png',
							tipImg: 'canvas/healthy/img/activity/ti_3.png',
						})
					} else if (res.data.data.name.type == '3') {
						// 健康币
						thas.setData({
							animationData: thas.animation.export(),
							go_off: 'off',
							oppty: res.data.data.oppty,
							name: res.data.data.name,
							luckyImg: 'canvas/healthy/img/activity/title_2.png',
							tipImg: 'canvas/healthy/img/activity/ti_2.png',
						})
					} else if (res.data.data.name.type == '4') {
						// 实物
						thas.setData({
							animationData: thas.animation.export(),
							go_off: 'off',
							oppty: res.data.data.oppty,
							name: res.data.data.name,
							luckyImg: res.data.data.name.image_url,
							tipImg: res.data.data.name.image_url,
						})
					}
					console.log(res.data.data)
					thas.setData({
						p_id:res.data.data.p_id
					});
					setTimeout(function(e = thas) {
						clearInterval(set)
						e.setData({
							shadowShow: false,
							luckyShow: false,
							den_on: '',
							d_off: '',
							tab_list: [{
									'img': '1',
									'left': '1',
									'bottom': '1',
									'piao': '5'
								},
								{
									'img': '2',
									'left': '2',
									'bottom': '2',
									'piao': '6'
								},
								{
									'img': '3',
									'left': '3',
									'bottom': '1',
									'piao': '5'
								},
								{
									'img': '4',
									'left': '4',
									'bottom': '2',
									'piao': '6'
								},
								{
									'img': '4',
									'left': '1',
									'bottom': '3',
									'piao': '5'
								},
								{
									'img': '3',
									'left': '2',
									'bottom': '4',
									'piao': '6'
								},
								{
									'img': '2',
									'left': '3',
									'bottom': '4',
									'piao': '5'
								},
								{
									'img': '1',
									'left': '6',
									'bottom': '3',
									'piao': '5'
								},
								{
									'img': '1',
									'left': '7',
									'bottom': '5',
									'piao': '5'
								},
								{
									'img': '2',
									'left': '5',
									'bottom': '6',
									'piao': '6'
								},
								{
									'img': '3',
									'left': '3',
									'bottom': '5',
									'piao': '5'
								},
								{
									'img': '4',
									'left': '4',
									'bottom': '6',
									'piao': '5'
								},
								{
									'img': '1',
									'left': '5',
									'bottom': '8',
									'piao': '5'
								},
								{
									'img': '2',
									'left': '2',
									'bottom': '7',
									'piao': '6'
								},
								{
									'img': '3',
									'left': '7',
									'bottom': '7',
									'piao': '5'
								},
								{
									'img': '4',
									'left': '4',
									'bottom': '8',
									'piao': '5'
								},
							],
						})
						setTimeout(function(e = thas) {
							e.setData({
								fd_on: 'on'
							})
						}, 100)
					}.bind(e), 5500)
					setTimeout(function(e = thas) {
						e.setData({
							d_off: 'off',
							tab_list: ''
						})
					}, 12500);
				}
			});
		}
	},
	// 确认领取
	getPrize(e) {
		this.setData({
			shadowShow: true,
			luckyShow: true,
			tipShow: false,
			go_off: '',
			fd_on: ''
		})
	},
	table_click:function(e){
		var that=this
		this.dataset = e.currentTarget.dataset;
		this.setData({
			tipShow: true,
		})
		wx.showLoading({
			title: '领取中',
		})
		app.request(
		    app.apiDomain + "index.php?c=pond&a=send",
		    {
		        id:that.dataset.id
		    },
		    function(res){
				// console.log(res.data)
				wx.hideLoading();
		        if(res.data.status==1){
		            wx.showToast({
		                title: res.data.info,
		                icon: "none",
		                duration: 3000
		            })
		            that.onReady()
		        }else{
		            wx.showToast({
		                title: res.data.info,
		                icon: "none",
		                duration: 3000
		            })
		        }
		    }
		)
	},
	// 选择次数
	select(e) {
		console.log(e);
		this.setData({
			num: e.currentTarget.dataset.id
		})
	},
	// 点击兑换
// 	exchange() {
// 		var that = this
// 		// 判断是第几个  兑换成功  关闭弹窗
// 		app.request(app.apiDomain + "index.php?c=pond&a=oppty", {
// 			type: that.data.num + 1
// 		}, function(res) {
// 			console.log(res)
// 			if (res.data.status == 1) {
// 				// 兑换成功,弹窗消失
// 				that.setData({
// 					oppty: that.data.limit[that.data.num].num,
// 					exchangeShow: true
// 				})
// 			} else {
// 				wx.showToast({
// 					title: res.data.info,
// 					duration: 2000
// 				})
// 				that.setData({
// 					exchangeShow: true
// 				})
// 			}
// 		});
// 	},
// 	// 取消兑换
// 	closeExchange(e) {
// 		// console.log(e)
// 		if (e.target.dataset.name == 'exchangeBox') {
// 			// console.log(111)
// 			this.setData({
// 				exchangeShow: true
// 			})
// 		}
// 	},
	// 点击活动规则
	ruleView() {
			this.setData({
					gao_on:'on'
			})
	},
	gao_off:function(){
			this.setData({
					gao_on:''
			})
	},
	// 活动规则,点击蒙层消失
	shadowClick(e) {
		// 判断现在是中奖提示,还是抽奖规则
		if (!this.data.ruleShow) {
			// 规则
			// 如果触发的规则是ruleInfo,则不消失
			if (e.target.dataset.name == 'ruleInfo') {
				return false
			}
			// console.log(this.data.ruleShow)
			// 如果规则展示
			if (!this.data.ruleShow) {
				this.setData({
					shadowShow: true,
					ruleShow: true,
				})
			}
		}
	},
	// off_click: function () {
	//     console.log(333);
	//     this.setData({
	//         luckyShow: true,
	//         shadowShow: true,
	//         go_off: '',
	//         fd_on: ''
	//     })
	// },
	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow: function() {
		this.n = 0
		this.animation = wx.createAnimation({
			duration: 5000,
			timingFunction: 'ease-in-out', // "linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end"
			delay: 0,
			success: function(res) {
				console.log("res")
			}
		})
	}
})
